/**
 * Description
 *
 * Creation Date 14/12/2017
 * @author Candy
 */
import React, { PureComponent } from 'react';
import { Text, TouchableOpacity, View, Button } from 'react-native';
import Icon from 'react-native-vector-icons/Ionicons';

class ModalMenu extends PureComponent {
	static navigationOptions = ({ navigation }) => ({
		headerLeft: <TouchableOpacity onPress={() => navigation.navigate('ModalMenu', {title: '测试'})}><Icon name="ios-microphone-outline" size={30} color="#ffffff" style={{marginLeft: 20}} /></TouchableOpacity>,
		headerRight: <TouchableOpacity onPress={() => navigation.navigate('Detail', {title: '播放器'})}><Icon name="ios-stats-outline" size={30} color="#ffffff" style={{marginRight: 20}} /></TouchableOpacity>,
		headerStyle: {
			backgroundColor: '#333'
		}
	});
	render() {
		return (
			<View style={{flex: 1, marginTop:100}}><Text>测试</Text>
				{/*<Button title={`navigate to `} onPress={() => navigation.navigate('HomeScreen')} />*/}
			</View>
		)
	}
}

export default ModalMenu;